<style scoped>
.no-data-wrapper {
	margin: 1rem auto;
	color: rgba(0, 0, 0, .45);
	font-size: .24rem;
	text-align: center;
}
.no-data {
	width: 4.9rem;
	height: 2.7rem;
	margin: 0 auto .24rem;
	background: url(~@/assets/no-data.png);
	background-size: 100% 100%;
}
</style>

<template>
	<div class="no-data-wrapper">
		<div class="no-data"></div>
		{{tips}}
		<slot></slot>
	</div>
</template>

<script>
	export default {
		name: 'no-data',

		props: {
			tips: {
				type: String,
				required: true
			}
		}
	}
</script>